<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>权限管理系统</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet"  th:href="@{/css/font.css}">
    <link rel="stylesheet"  th:href="@{/css/xadmin.css}">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script  th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>

</head>
<body>
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo"><a href="./index.html">权限管理系统</a></div>
        <div class="left_open">
            <i title="展开左侧栏" class="iconfont">&#xe699;</i>
        </div>
        <ul class="layui-nav left fast-add" lay-filter="">
          <!--<li class="layui-nav-item">
            <a href="javascript:;">+新增</a>
            <dl class="layui-nav-child"> &lt;!&ndash; 二级菜单 &ndash;&gt;
              <dd><a onclick="x_admin_show('资讯','http://www.baidu.com')"><i class="iconfont">&#xe6a2;</i>资讯</a></dd>
              <dd><a onclick="x_admin_show('图片','http://www.baidu.com')"><i class="iconfont">&#xe6a8;</i>图片</a></dd>
               <dd><a onclick="x_admin_show('用户','http://www.baidu.com')"><i class="iconfont">&#xe6b8;</i>用户</a></dd>
            </dl>
          </li>-->
        </ul>
        <ul class="layui-nav right" lay-filter="">
          <li class="layui-nav-item">
            <a href="javascript:;" th:text="${session.adminName}"></a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
              <dd><a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a></dd>
              <dd><a onclick="x_admin_show('切换帐号','http://www.baidu.com')">切换帐号</a></dd>
              <dd><a onclick="x_admin_show('修改密码','/admin/change/page')">修改密码</a></dd>
              <dd><a href="javascript:logout();">退出</a></dd>
            </dl>
          </li>
          <!--<li class="layui-nav-item to-index"><a href="/">前台首页</a></li>-->
        </ul>
        
    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
     <!-- 左侧菜单开始 -->
    <div class="left-nav">
      <div id="side-nav">
        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe723;</i>
                    <cite>订单管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="order-list.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>订单列表</cite>
                        </a>
                    </li>
                </ul>
            </li>

        </ul>
      </div>
    </div>
    <!-- <div class="x-slide_left"></div> -->
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
          <ul class="layui-tab-title">
            <li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe src='/welcome' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
            </div>
          </div>
        </div>
    </div>
    <div class="page-content-bg"></div>
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->
    <!-- 底部开始 -->
    <div class="footer">
        <div class="copyright">Copyright ©2017 x-admin 2.3 All Rights Reserved  更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></div>  
    </div>
    <!-- 底部结束 -->

</body>

<script>

    $(function () {
        // 获取菜单数据
        $.ajax({
            type:"post",
            url:"/menu/list/data",
            dataType: "json",
            success:function (res) {
                if(res.code === 200){
                    // 先清空
                    $("#nav").empty();
                    // 遍历一级菜单
                    $(res.data).each(function () {
                        // 一级菜单项
                        var li = $('<li><a href="javascript:;">\n' +
                            '                    <i class="iconfont">&#xe723;</i>\n' +
                            '                    <cite>'+this.menuName+'</cite>\n' +
                            '                    <i class="iconfont nav_right">&#xe697;</i>\n' +
                            '                </a></li>');
                        // 二级菜单
                        var subMenu = $('<ul class="sub-menu"></ul>');
                        $(this.subMenus).each(function () {
                            var childLi = '<li><a _href="'+this.menuUrl+'">\n' +
                                '                            <i class="iconfont">&#xe6a7;</i>\n' +
                                '                            <cite>'+this.menuName+'</cite>\n' +
                                '                        </a></li>';
                            subMenu.append(childLi);
                        });

                        li.append(subMenu);
                        $("#nav").append(li);
                    })
                }
            }
        });
    })




    /**
     * 退出登陆
     */
    function logout() {
        layer.confirm('确认要退出吗？',function(index){
            //发异步去进行退出
            $.ajax({
                type:"post",
                url:"/login/out",
                dataType:"json",
                success:function (res) {
                    if(res.code === 200){
                        // 重定向到登陆页面
                        location.href = "/login/page";
                    }
                }
            })
        });
    }



</script>
</html>